import CommonBar from '@/views/component/CommonBar'
import React from 'react'
import styled from 'styled-components'

const CommonDiv = styled.div`
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    /* padding: 0 20px; */
`
const meunItems = {
    wall: [
        { id:'p0', label: '厚度', type: 'input' },
        { id:'p1',label: '高度', type: 'input' },
        { id:'p2',label: '画墙模式(空格)', type: 'select', data: ['中心线', '外线', '内线'] },
        { id:'p3',label: '正交', type: 'checkbox' },
        { id:'p4',label: '退出绘制', type: 'button' }
    ]
}



const ParamBar = () => {
   

    return (
        <> <CommonDiv>
            {
                meunItems['wall']?.map((data) => {
                    return <CommonBar key={data.id} label={data.label} type={data.type} data={data.data}/>
                })
            }
             </CommonDiv>
        </>
    )
}

export default ParamBar